@charset "utf-8";
/* 你自己的样式 */
img{
    vertical-align: middle;
}
// /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
// ::-webkit-scrollbar
// {
//     width: 16px;
//     height: 16px;
//     background-color: #fff;
//     display: none;
// }

// /*定义滚动条轨道 内阴影+圆角*/
// ::-webkit-scrollbar-track
// {
//     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
//     border-radius: 10px;
//     background-color: #F5F5F5;
//     display: none;
// }

// /*定义滑块 内阴影+圆角*/
// ::-webkit-scrollbar-thumb
// {
//     border-radius: 10px;
//     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
//     background-color: #fff;
//     display: none;
// }
.nav-toggle, a.nav-toggle {
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 20px;
    padding: 6px 11px;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.page-container{ max-width: 1200px; margin: 0 auto;}
.breadcrumb{ z-index: 10;}
.breadcrumb a:hover{ text-decoration: none!important; cursor: auto;}
.breadcrumb-wrap{margin:0 auto;width:1100px;}
.overflow-hidden{ overflow: hidden;}
.nav>ul>li>a{ border-left: 1px solid rgba(255,255,255,0); border-right: 1px solid rgba(255,255,255,0);}
.nav>ul>li>a:hover, .nav>ul>li.current>a{ border-left: 1px solid rgba(255,255,255,.2); border-right: 1px solid rgba(255,255,255,.2);}
.header-avatar{ font-size: 20px;}
.personal-info{ width: 220px; padding:5px 10px; text-align: left;}
.personal-info * { -webkit-box-sizing: border-box; box-sizing: border-box;}
.personal-info .title{ width: 100%; height: 26px; padding: 0 8px; border-bottom: 1px solid #e5e5e5; line-height: 26px;}
.personal-info .title span{ font-size: 12px; color: #999;}
.personal-info .title a{ float: right; font-size: 12px; color: #3498db;}
.personal-info .info{ width: 100%; padding: 8px 8px 0 8px; font-size: 12px; color: #999; line-height: 18px;}
.personal-info .info span{ font-size: 12px; color: #666;}
.header-icon{ font-size: 20px;}
.mx-used-menu{ left: -120px!important;  width: 240px; height: auto;  padding: 5px 10px; text-align: left;}
.mx-used-menu *{ -webkit-box-sizing: border-box; box-sizing: border-box;}
.mx-used-menu .title{ width: 100%; height: 26px; padding: 0 8px; border-bottom: 1px solid #e5e5e5; line-height: 26px;}
.mx-used-menu .title span{ font-size: 12px; color: #999;}
.mx-used-menu .title a{ float: right; font-size: 12px; color: #3498db;}
.mx-used-menu .items{ width: 100%; padding: 8px 8px 0 8px;}
.mx-used-menu .items a{ display: inline-block; width: 32%; padding-left: 5px; font-size: 12px; line-height: 20px;}
.mx-message-menu{ left: -120px!important;  width: 200px; height: auto;  padding: 5px 10px; text-align: left;}
.mx-message-menu *{ -webkit-box-sizing: border-box; box-sizing: border-box;}
.mx-message-menu .title{ width: 100%; height: 26px; padding: 0 8px; border-bottom: 1px solid #e5e5e5; line-height: 26px;}
.mx-message-menu .title span{ font-size: 12px; color: #999;}
.mx-message-menu .items{ width: 100%; padding: 8px 8px 0 8px;}
.mx-message-menu .items a{ display: inline-block; width: 100%; border-bottom: 1px solid #e5e5e5; font-size: 12px;}
.mx-message-menu .items a span{ float: right;}
.mx-message-menu .items a span em{ font-style: normal;}
.menu-left{ width: 56px; height: 100%; background-color: #464c5b;}
.menu-left ul{ display: none; width: 100%;}
.menu-left li{ display: block; width: 100%;}
.menu-left li a{ position: relative; display: block; text-align: center; font-size: 12px; color: #fff; padding-bottom: 1px;}
.menu-left li a i{ font-size: 24px;}
.menu-left li a p{ margin-top: -8px;}
.menu-left li a:hover{ text-decoration: none; }
.menu-left li a:hover:after, .menu-left li a.active:after{ position: absolute; top:50%; right: 0; z-index: 5; height: 0; margin-top: -8px; border-top: 8px solid transparent;  border-right: 10px solid rgba(238,238,238,0.98);  border-bottom: 8px solid transparent; content: '';}
.menu-right{ position: absolute; top: 0; right: 0; left: 56px; height: 100%; overflow-y: auto;}
.menu-right ul{ display: none; width: 100%;}
.menu-right li{ width: 100%;}
.menu-right li .name{ width: 100%; height: 40px; border-bottom: 1px solid #e5e5e5; line-height: 40px; font-size: 12px; color: #999; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 25px;}
.menu-right li .lists{ width: 100%; overflow: hidden;}
.menu-right li .lists a{ display: block; width: 100%; height: 38px; border-bottom: 1px solid #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 19px; line-height: 38px; font-size: 12px;}
.menu-right li .lists a:hover{ text-decoration: none;}
.mx-count{ width: 100%; overflow: hidden;}
.mx-count .box{padding: 10px 0; border: 1px solid #e5e5e5; margin:0 20px 20px 0;}
.mx-count .box .icon{ font-size: 40px;}
.mx-box{ margin-bottom:20px; border: 1px solid #e5e5e5; background-color: #fff;}
.mx-box .mx-title{ position: relative; width: 100%; padding: 4px 0; border-bottom: 1px solid #e5e5e5; background-color: #f3f3f3; line-height: 44px; }
.mx-box .mx-title .mx-title-right{ position: absolute; top: -2px; right: 5px;}
.mx-box .mx-title .mx-title-right .select-box{ width: 100px; line-height: normal; background-color: #fff;}
.mx-box .mx-title .mx-title-right a{ background-color: #fff!important;}
.mx-box .mx-content{ padding:10px 20px 20px; overflow: hidden;}
.mx-box .type1{ height: 40px; padding: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 40px; font-size: 12px;}
.mx-box .type1-box{ padding: 0 5px 0 10px; border-bottom: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.mx-box .type1-box span{ float: right;}
.mx-box .type1-box a{ color: #f24844;}
.mx-box .type2{ width: 100%;}
.mx-box .type2 a{ text-align: center;}
.mx-box .type2 a:hover{ text-decoration: none;}
.mx-box .type2 a i{ font-size: 48px;}
.mx-box .type2 h6{ margin-top: -5px;}
.mx-box .type3 a{ text-align: center;}
.mx-box .type3 a:hover{ text-decoration: none;}
.mx-box .type3 a .num{ font-size: 30px; color: #f04844;}
.mx-box .type3 a .font{ margin-top: -5px;}
.mx-account-setting{ width: 80%; margin: 20px auto; overflow: hidden; font-size: 12px; color: #666;}
.mx-account-setting .mx-avatar{ margin-bottom: 20px; text-align: center;}
.mx-account-setting .mx-avatar i{ font-size: 60px;}
.mx-account-setting .font{ line-height: 41px;}
.mx-account-setting .account-setting-box{ width: 100%; margin:10px 0; overflow: hidden;}
.mx-box .mx-content table td{ vertical-align: middle;}
.mx-box .mx-content table td p{ margin: 0;}
.mx-box .mx-content table td p span{ vertical-align: middle;}
.mx-box .mx-content table td label{ vertical-align: middle; margin-left: 15px;}
.mx-box .mx-content table td .select-box{ display: inline-block; width: auto; margin-left: 10px;}
.goods-menu{ width: 100%; overflow: hidden;}
.goods-menu li{ -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px 10px 0;}
.goods-select{ margin-top: 10px; padding: 0 10px 10px 0; min-height: 41px;}
.goods-select .input-text{ width: auto;}
.goods-checkbox{ position: relative; width: 20px; display: inline-block; vertical-align: middle; bottom: 3px; right: 2px;}
.goods-checkbox .check-box{ top: -15px; left: 3px;}
.mx-table p{ margin: 0;}
.mx-step{ width: 100%; position: relative; overflow: hidden;}
.mx-step ul{ width: 100%;}
.mx-step li{ position: relative; height: 120px; padding-top: 72px; text-align: center;}
.mx-step li em{ position: absolute; top: 50%; left: 50%; z-index: 2; width: 62px; height: 62px; margin: -60px 0 0 -31px; -webkit-box-sizing: border-box; box-sizing: border-box; border:2px solid #e5e5e5; background-color: #fff; text-align: center; line-height: 60px; font-size: 28px; color: #cccccc; font-style: normal; -webkit-border-radius: 100%; border-radius: 100%;}
.mx-step li:before{ position: absolute; top: 50%; left: 0; z-index: 2; width: 100%; height: 2px; margin-top: -30px; display: block; background-color: #e5e5e5; content: '';}
.mx-step li:first-child:before{ width: 50%; left: auto; right: 0;}
.mx-step li:last-child:before{ width: 50%;}
.mx-step li label{ font-size: 16px; color: #999999;}
.mx-step li .time{ margin-top: -10px; font-size: 12px; color: #999;}
.mx-table-box{ position: relative;}
.mx-table-box .mx-table-box-left{ position: relative; width: 200px;}
.mx-table-box .mx-table-box-left .mx-label{ position: absolute; top: 20px; left: -1px; z-index: 2; width: 102%; height: 50px; background-color: #9ea7b4; font-size: 18px; color: #fff; line-height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 20px;}
.mx-table-box .mx-table-box-left .mx-label:after{ position: absolute; top: 0; left: 100%; width: 0; height: 0; display: block; content: ''; border-top: 25px solid transparent;
    border-left: 20px solid #9ea7b4;
    border-bottom: 25px solid transparent;}
.mx-table-box .mx-table-box-right{ position: relative; padding:15px 50px; color: #666;}
.mx-table-box .mx-table-box-right .select-box{ display: inline-block; width: 50%;}
.table-border-no{ border: none;}
.table-border-no>thead>tr>th{ border: none;}
.table-border-no>tbody>tr>td{ border: none;}
.table-border-no>tfoot>tr>td{ border: none;}
.cate-nearly-choose{ padding: 8px;}
.mx-cate-choose{ width: 100%; height: 440px; margin-top:20px; border: 1px solid #e5e5e5; -webkit-border-radius: 8px; border-radius: 8px;}
.mx-cate-choose *{ -webkit-box-sizing: border-box; box-sizing: border-box;}
.mx-cate-choose .name{ width: 100%; height: 50px; padding-left: 18px; font-size: 14px; color: #999; line-height: 50px; border-bottom: 1px solid #e5e5e5; background-color: #f9fafc;}
.mx-cate-choose .lists{ width: 100%; height: 390px; overflow: hidden; overflow-y: auto;}
.mx-cate-choose .lists ul{ width: 100%;}
.mx-cate-choose .lists li{ position: relative; width: 100%; height: 45px; border-bottom: 1px solid #e5e5e5; padding: 0 18px;}
.mx-cate-choose .lists li span{ font-size: 14px; color: #999; line-height: 45px;}
.mx-cate-choose .lists li i{ position: absolute; top: 50%; right: 18px; z-index: 1; margin-top: -10px; font-size: 20px; color: #999;}
.mx-cate-choose-middle i{ font-size: 60px; color: #999;}
.mx-cur-choose{ width: 100%; font-size: 12px; color: #999;}
.mx-next-step{ width: 100%; margin-top: 30px; border-top: 1px solid #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 0; text-align: center;}
.mx-next-step a{ margin: 0 5px;}
.mx-goods-info-table td{ vertical-align: top; line-height: 31px; color: #666!important;}
.mx-goods-info-table td .select-box{ width: 100%!important;}
.mx-goods-info-table td p{ margin:0; line-height: 18px;}
.mx-attribute-check span{ display: inline-block; margin-right: 5px;}
.mx-attribute-check .goods-checkbox{ display: inline-block; vertical-align: middle; margin: 0 5px 5px 0;}
.mx-spec td{ vertical-align: top;}
.mx-attribute-img{ width: 100%; overflow: hidden;}
.mx-attribute-img span{ padding-left: 15px;}
.mx-goods-photo{ width: 100%; margin: 0 -14px 0 -14px; overflow: hidden;}
.mx-goods-photo img{ max-width: 100%; }
.mx-goods-photo a{ display: inline-block; padding: 0 5px;}
.mx-radio{ position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 15px; padding: 5px 0 0 25px; font-size: 12px;}
.mx-right-add{ position: absolute; top: 2px; right: 2px; z-index: 1; background-color: #fff;}
.btn-upload{ overflow: visible!important;}
.btn-upload a{ color: #fff!important; left: 10px; top: -2px;}
.btn-upload a.size-L{ top: 0;}
.mx-goods-info-table .input-file{ font-size: 13.3333px!important;}
.table-full tr td .select-box{ width: auto!important; display: inline-block; margin-left: 10px;}
.table-full tr td label{ vertical-align: middle; margin-left: 15px;}
.pics-table a{ padding:0 2px!important; font-size: 12px!important;}
.mx-unit{ position: relative; top: 2px; left: -1px; display: inline-block; width: 50px; height: 39px; margin-left: -50px; background-color: #eee; border-left: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; border-top-left-radius: 0; border-bottom-left-radius: 0; text-align: center; line-height: 41px;}
.mx-unit-sm{ position: relative; top: 2px; left: -1px; display: inline-block; width: 50px; height: 29px; margin-left: -50px; background-color: #eee; border-left: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; border-top-left-radius: 0; border-bottom-left-radius: 0; text-align: center; line-height: 30px;}
.power-select a{ display: inline-block; width: 60px; text-align: center; margin-right:8px;}
.vertical-top td{ vertical-align: top!important;}
.vertical-top-31 td{ line-height: 31px;}
.tradeTab .tabBar{ border-bottom: none!important; overflow: hidden;}
.tradeTab .tabBar span{ background-color: #fff; border: 1px solid #eee; margin-left: -1px; font-weight: normal;}
.line-dotted{font-size: 0;line-height: 0;border-top: dotted 1px #eee;float: none;}
.typeBox{border:1px solid #3498DB;color: #3498DB;font-size: 12px;border-radius: 4px;display: inline-block;padding:4px;cursor: pointer;}
.typeClose{font-size: 16px;padding-left:5px;}
a{text-decoration:none!important;}
.my-box{overflow: hidden;}
.my-box div{display: inline-block;vertical-align: top;zoom: 1; /* Fix for IE7 */*display: inline; /* Fix for IE7 */}
.my-box-left{border-right: 1px solid #e5e5e5;width: 15%;text-align: center;height: 322px;}
.my-box-right{width: 84%;padding-bottom:20px;height: 302px;}
.my-box p{margin:0;}
.my-box-num{color:#666666;font-size:28px;font-weight: 410;height: 36px;}
.my-box-totalNum{color:#989898;font-size:12px;height: 12px;margin-top:30px!important;}
.my-box-txt{color:#CCCCCC;font-size:12px;}
.my-box-cont{text-align: left;}
.chartTitle{position: absolute;height: 44px;}
.my-box-menu .active{color:#3498DB;}
.my-box-menu span{cursor: pointer;margin-right: 35px;}

.invoiceTitle{height: 80px;line-height: 80px;font-size: 20px;font-weight: 700;background-color:rgba(243, 243, 243, 1);border:1px solid #ddd;border-bottom: none;}
.orderLeft{font-size:12px;color:#333;}

.dropDownB{height: 31px;width:100px;line-height: 28px;background-color: #fff;border: solid 1px #ddd;box-sizing: border-box;vertical-align: middle;display: inline-block;text-align: center;border-radius: 4px;}